<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/now_pay.css">
<title>立即支付</title>
</head>

<body>
<div class="container">
    <div class="top">
        <div class="topContent">
            <div class="topUserFunction">
                <p>请先</p><a href="login.html">登陆</a><p>|</p><a href="regester.html">注册</a>
            </div>
            <div class="topFunction">
                <a href="user_center.html">我的中心</a><a href="my_order.html">我的订单</a><a href="goods_list.html">购物中心</a><a href="#">服务中心</a>
            </div>
        </div>
    </div>
    
    <div class="header" style="border:none;">
        <div class="headerContent">
            <div class="headerLeft" style="border-right:1px solid #000; width:220px; height:95px; margin-top:20px;">
                <img src="images/logo.jpg" width="200" height="95" />
            </div>
            <div class="pageName">
                <p>立即支付</p>
            </div>
            <div class="headerStepRight">
                <img src="images/title4.png">
                <ul>
                    <li><a class="overstep" href="#">我的购物车</a></li>
                    <li><a class="overstep" href="#">确定订单</a></li>
                    <li><a class="overstep" href="#">确定地址</a></li>
                    <li><a class="overstep" href="#">确定提交</a></li>
                </ul>
            </div>
        </div>
    </div> 
    
    <div class="filter"></div>
    
    <div class="main">
		<div class="maintop"><b>支付方式</b></div>
		<div class="mainbottom">
			<a href="#">货到付款</a>
			<a id="payNow"class="active" href="#">在线支付</a>
			<a href="#">公司转账</a>
			<a href="#">邮局汇款</a>
		</div>
		<div class="bank">
			<div class="banktop">
				<div class="bankpay">
					<img src="images/now_pay/kuang_gou.gif" width="18px" />
					<b><span class="bankfont1">银行卡</span></b>
					<a href="#" class="bankfont2">&lt;&nbsp;返回我的银行卡</a>
					<span class="bankfont3">支付<b><span class="bankfont4">206.00</span></b>元</span>
				</div>
				<div class="bankpaychoice">
					<input class="bankpayid" type="text" name="userbankid" placeholder="输入银行卡号或简码进行识别"></input>
					<div class="bankpayway">
						<div class="bankpayway1"><img src="images/now_pay/fast_pay.gif" />快捷支付</div>
						<div class="bankpayway2">网银支付</div>
					</div>
					<div class="bankpayone">
						<div class="abank"><a href="#"><img src="images/now_pay/gongshang_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/jianshe_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/zhaoshang_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/nongye_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/jiaotong_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/guangfa_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/zhongguo_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/minsheng_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/huaxia_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/xinye_bank.gif" /></a></div>
						<div class="abank"><a href="#"><img src="images/now_pay/guangda_bank.gif" /></a></div>
						<div class="bankmore"><a href="#"><b><span>更多银行</span></b></a></div>
					</div>
				</div>
			</div>
			<div class="bankbottom">
				<b><a id="pay"href="#">立即支付</a></b>
				<span>请选择银行支付</span>
			</div>
		</div>
	</div>
	<div class="backnext"><a href="#">上一步</a>&nbsp;<a href="#">提交</a></div>
    
    
    
    
    
    
    <div class="footer">
        <div class="footerTop">
            
            <div class="footerTopContent">
                <div id="toTop"></div>
                <div class="footerPromis">
                    <div class="footerPromisLeft">
                        <a>优</a>
                    </div>
                    <div class="footerPromisRight">
                        <p>优良品质</p>
                        <p>质量保证</p>
                    </div>
                </div>
                
                <div class="footerPromis">
                    <div class="footerPromisLeft">
                        <a>多</a>
                    </div>
                    <div class="footerPromisRight">
                        <p>类型多样</p>
                        <p>轻松购物</p>
                    </div>
                </div>
                
                <div class="footerPromis">
                    <div class="footerPromisLeft">
                        <a>好</a>
                    </div>
                    <div class="footerPromisRight">
                        <p>直仓发货</p>
                        <p>快速配送</p>
                    </div>
                </div>
                
                <div class="footerPromis">
                    <div class="footerPromisLeft">
                        <a>快</a>
                    </div>
                    <div class="footerPromisRight">
                        <p>正品行货</p>
                        <p>温馨服务</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footerMiddel">
            <div class="footerMiddelContent">
                <div class="footerMiddelNav">
                    <div class="footerMiddelNavTitle"><p>新手上路</p></div>
                    <ul>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">免费注册</a></li>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">售后规则</a></li>
                    </ul>
                </div>
                <div class="footerMiddelNav">
                    <div class="footerMiddelNavTitle"><p>购物常识</p></div>
                    <ul>
                        <li><a href="#">常用尺寸</a></li>
                        <li><a href="#">货图差异</a></li>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">购物规则</a></li>
                    </ul>
                </div>
                <div class="footerMiddelNav">
                    <div class="footerMiddelNavTitle"><p>服务保证</p></div>
                    <ul>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">免费注册</a></li>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">售后规则</a></li>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">售后规则</a></li>
                    </ul>
                </div>
                <div class="footerMiddelNav">
                    <div class="footerMiddelNavTitle"><p>会员中心</p></div>
                    <ul>
                        <li><a href="#">会员管理</a></li>
                        <li><a href="#">关于会员</a></li>
                        <li><a href="#">我的收藏</a></li>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">会员续费</a></li>
                        <li><a href="#">会员消息</a></li>
                    </ul>
                </div>
                <div class="footerMiddelNav">
                    <div class="footerMiddelNavTitle"><p>招商加盟</p></div>
                    <ul>
                        <li><a href="#">加盟管理</a></li>
                        <li><a href="#">关于加盟</a></li>
                        <li><a href="#">加盟详情</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </div>
                <div class="footerMiddelNavTwoDimensionCode">
                    <img src="images/erweima.jpg"/>
                    <p>扫一扫 二维码</p>
                </div>
            </div>
        </div>
        <div class="footerButtom">
            <div class="footerButtomContent">
                <ul class="footerButtomNav">
                    <li><a href="#">返回首页</a><a>|</a></li>
                    <li><a href="#">关于我们</a><a>|</a></li>
                    <li><a href="#">会员中心</a><a>|</a></li>
                    <li><a href="#">购物常识</a><a>|</a></li>
                    <li><a href="#">客服中心</a><a>|</a></li>
                    <li><a href="#">招商加盟</a></li>
                </ul>
                <p>◎2003-2015 Taobao.com 版权所有</p>
                <p>网络文化经营许可证：浙网文[2013]0268-027号|互联网违法和不良信息举报电话:0571-81683755 blxx@list.alibaba-inc.com</p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/common.js"></script>
<script src="js/pay_now.js"></script>
</html>